<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/indexbase.css">
</head>
<body>
    <div class="title-logo"></div>
    <div class="header">
        <div class=" nav-menu">
            <a href="#">首页</a>
            <a href="#">咨询</a>
            <a href="#">测评</a>
            <a href="#">商城</a>
            <div class="start">
                <i class="icon"></i>
                <span class="text first">深圳</span>
                <span class="text">&lt;切换&gt;</span>
            </div>
            <div class="end">
                <span class="icon"></span>
                <span class="adm">个人中心</span>
            </div>
        </div>
    </div>
    <div class="content">
        <span>首页 > 预防装修污染 > 材料库</span>
        <div class="menu">
            <ul class="options">
                <li>
                    <a href="#" class="option">类别</a>
                    <a href="#">全部</a>
                    <a href="#">地板</a>
                    <a href="#">涂料</a>
                    <a href="#">墙纸</a>
                    <a href="#">瓷砖</a>
                    <a href="#">粘粘胶</a>
                    <a href="#">油漆</a>
                    <a href="#">家具</a>
                    <a href="#">板材</a>
                    <a href="#">饰品</a>
                    <a href="#"><img src="images/indexSelect.png" alt=""></a>
                </li>
                <li>
                    <a href="" class="option">类型</a>
                    <a href="">全部</a>
                </li>
                <li>
                    <a href="#" class="option">材质</a>
                    <a href="#">全部</a>
                    <a href="#">实木</a>
                    <a href="#">复合</a>
                    <a href="#">强化</a>
                    <a href="#">其他</a>
                </li>
                <li>
                    <a href="#" class="option">品牌</a>
                    <a href="#">全部</a>
                    <a href="#">圣象</a>
                    <a href="#">大自然</a>
                    <a href="#">生活家</a>
                    <a href="#">北美枫情</a>
                    <a href="#">德尔</a>
                    <a href="#">博典</a>
                    <a href="#">船王</a>
                </li>
            </ul>
        </div>
        <div class="search">
            <p>发布时间<img src="images/downicon.png"> &nbsp;&nbsp;价格<img src="images/upicon.png" >&nbsp;&nbsp;环保节能<img src="images/upicon.png" >&nbsp;&nbsp;</p>
            <div class="search-box">
                <input type="text" placeholder="搜索"/>
                <button>搜索</button>
            </div>
            <div class="add">
                <img src="images/wenhao.png">
                <a href="#">了解家居医生教材环保评级标准</a>
            </div>
        </div>
        <div class="center">
            <div class="contentOne">
                <div class="one">
                    <div class="one-content center" style="color: rgb(216, 153, 18);">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔    都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                        <p style="font-size: 21px;">环保评级:B<span style="font-size: 15px;">（可以使用）</span></p>
                    </div>
                </div>
                <div class="one">
                    <div class="one-content center" ">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔    都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                        <p style="font-size: 21px;color: dodgerblue;">环保评级:B<span style="font-size: 15px;">（可以使用）</span></p>
                    </div>
                </div>
                <div class="one">
                    <div class="one-content center" ">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔    都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                        <p style="font-size: 21px;color: dodgerblue;">环保评级:B<span style="font-size: 15px;">（可以使用）</span></p>
                    </div>
                </div>
                <div class="one">
                    <div class="one-content center"">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔    都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                        <p style="font-size: 21px;color: dodgerblue;">环保评级:B<span style="font-size: 15px;">（可以使用）</span></p>
                    </div>
                </div>
            </div>
            <div class="contenttwo">
                <div class="two">
                    <div class="one-content center"">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔    都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                        <p style="font-size: 21px;color: dodgerblue;">环保评级:B<span style="font-size: 15px;">（可以使用）</span></p>
                    </div>
                </div>
                <div class="two">
                    <div class="one-content center"">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔    都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                        <p style="font-size: 21px;color: dodgerblue;">环保评级:B<span style="font-size: 15px;">（可以使用）</span></p>
                    </div>
                </div>
                <div class="two">
                    <div class="one-content center"">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔    都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                        <p style="font-size: 21px;color: dodgerblue;">环保评级:B<span style="font-size: 15px;">（可以使用）</span></p>
                    </div>
                </div>
                <div class="two">
                    <div class="one-content center"">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔    都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单价：128元/㎡</p>
                        <p style="font-size: 21px;color: dodgerblue;">环保评级:B<span style="font-size: 15px;">（可以使用）</span></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="pager">
            <button class="pre">上一页</button>
            <ul class="page">
                <li><a href="">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li><a href="">5</a></li>
            </ul>
            <button class="next">下一页</button>
            <p class="pages">共有10页，去第&nbsp;<input type="text">&nbsp;页</p>
            <button class="ok">确定</button>
        </div>
        <div class="other">
            <div class="weixin"><img src="images/small_weixin.png" alt=""></div>
            <div class="supplement">
                <p class="tip">建材检测 需求反馈</p>
                <p>亲爱的用户，我们正在不断的完善和更新建材库，<br/>若没有找到您想要的材料信息，请将您想测的建材告诉我们。</p>
            </div>
        </div>
    </div> 
    <div class="tail">
        <div class="kuang">
            <div class="detail">
                <img class="little-logo" src="images/footerLogo.png" alt="">
                <p class="detail-tip">为室内环境健康把好每一关</p>
                <p>家具医生致力于中国人的家居健康问题，通过专业的技术研究和<br/>测评，倾力协助大众打造绿色、环保的人居生活环境。</p>
           </div> 
           <div class="tail-content">
            <div class="tail-first">
                <ul class="tail-first">
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">加入我们</a></li>
            </ul>
           </div>
           <div class="tail-second">
                <ul>
                <li><a href="#">版权说明</a></li>
                <li><a href="#">用户隐私</a></li>
                <li><a href="#">免费申明</a></li>
            </ul>
           </div>
           <div class="tail-three">
             <ul>
                <li><img src="images/weixin2.png">&nbsp;&nbsp;<a href="#">官方微信</a></li>
                <li><img src="images/tianmao.png" >&nbsp;&nbsp;<a href="#">天猫旗舰店</a></li>
                <li><img src="images/shop.png">&nbsp;&nbsp;<a href="#">有赞商城</a></li>
            </ul> 
           </div>
          </div>
        <div class="down">
            <p ><span class="blank1">&nbsp;&nbsp;&nbsp;&nbsp;深圳建筑科学研究院股份有限公司&nbsp;&nbsp;&nbsp;家居医生网</span><span class="blank2">粤ICP备08011321号 @Copyright All Rights Reserved&nbsp;&nbsp;&nbsp;&nbsp;</span></p>    
        </div>
        </div>
</body>
</html>